<template>
  <div id="app">
    <div id="navBar">
      <nav-bar>
        <nav-bar-item path="/main">
          <div slot="text" ><el-link :underline="false">颖睿科技</el-link></div>
          <div slot="text_active"><el-link :underline="false" type="danger">颖睿科技</el-link></div>
        </nav-bar-item>
        <nav-bar-item path="/about/profile">
<!--          <div slot="img">图片</div>-->
          <div slot="text" ><el-link :underline="false">关于颖睿</el-link></div>
          <div slot="text_active"><el-link :underline="false" type="danger">关于颖睿</el-link></div>
        </nav-bar-item>
        <nav-bar-item path="/products/productProfile">
<!--          <div slot="img">图片</div>-->
          <div slot="text" ><el-link :underline="false">产品中心</el-link></div>
          <div slot="text_active"><el-link :underline="false" type="danger">产品中心</el-link></div>
        </nav-bar-item>
        <nav-bar-item path="/service/serviceProfile">
<!--          <div slot="img">图片</div>-->
          <div slot="text" ><el-link :underline="false">服务中心</el-link></div>
          <div slot="text_active"><el-link :underline="false" type="danger">服务中心</el-link></div>
        </nav-bar-item>
        <nav-bar-item path="/assistance/assProfile">
<!--          <div slot="img">图片</div>-->
          <div slot="text" ><el-link :underline="false" >人力资源</el-link></div>
          <div slot="text_active"><el-link :underline="false" type="danger">人力资源</el-link></div>
        </nav-bar-item>
        <nav-bar-item path="/sponsor/sponsorProfile">
<!--          <div slot="img">图片</div>-->
          <div slot="text" ><el-link :underline="false">公司人员</el-link></div>
          <div slot="text_active"><el-link :underline="false" type="danger">公司人员</el-link></div>
        </nav-bar-item>
        <nav-bar-item path="/contact/conProfile">
<!--          <div slot="img">图片</div>-->
          <div slot="text" ><el-link :underline="false">联系我们</el-link></div>
          <div slot="text_active"><el-link :underline="false" type="danger">联系我们</el-link></div>
        </nav-bar-item>
      </nav-bar>
    </div>
      <router-view></router-view>
    <foot></foot>
  </div>
<!--  <foot></foot>-->
</template>

<script>
  import NavBar from "./components/content/navBar/navBar";
  import NavBarItem from "./components/common/navBarItem/navBaritem";
  import Foot from "./components/content/footer/foot";
  export default {
    name: 'app',
    components: {Foot, NavBarItem, NavBar},
    data(){
      return {
        url: require("assets/img/logo.jpg")
      }
    }
  }
</script>

<style>
  @import 'assets/css/normalize.css';
</style>
